<template>
  <PageContainer>
    <template #header>
      <el-tabs v-model="activeName">
        <el-tab-pane label="柱状图" name="1"></el-tab-pane>
        <el-tab-pane label="线形图图" name="2"></el-tab-pane>
        <el-tab-pane label="饼状图" name="3"></el-tab-pane>
      </el-tabs>
    </template>
    <div class="bg-white">
      <BarChart v-if="activeName === '1'" />
      <LineChart v-if="activeName === '2'" />
      <PieChart v-if="activeName === '3'" />
    </div>
  </PageContainer>
</template>

<script>
import BarChart from "./components/BarChart.vue";
import LineChart from "./components/LineChart.vue";
import PieChart from "./components/PieChart.vue";

export default {
  components: {
    BarChart,
    LineChart,
    PieChart
  },
  data() {
    return {
      activeName: "1"
    };
  }
};
</script>

<style></style>
